import Vue from 'vue'
import {
  Vuetify,
  VApp,
  VNavigationDrawer,
  VFooter,
  VList,
  VBtn,
  VIcon,
  VGrid,
  VToolbar,
  transitions,
  VCard,
  VCarousel,
  VBottomNav,
  VDivider,
  VTextField,
  VChip,
  VTextarea,
  VBottomSheet,
  VDialog,
  VAvatar,
  VForm,
  VTabs,
  VRadioGroup,
  VDatePicker,
  VSubheader,
} from 'vuetify'
import 'vuetify/src/stylus/app.styl'

Vue.use(Vuetify, {
  components: {
    VApp,
    VNavigationDrawer,
    VFooter,
    VList,
    VBtn,
    VIcon,
    VGrid,
    VToolbar,
    transitions,
    VCard,
    VCarousel,
    VBottomNav,
    VDivider,
    VTextField,
    VChip,
    VTextarea,
    VBottomSheet,
    VDialog,
    VAvatar,
    VForm,
    VTabs,
    VRadioGroup,
    VDatePicker,
    VSubheader,
  },
  theme: {
    primary: '#4caf50',
    secondary: '#81c784',
    accent: '#82B1FF',
    error: '#FF5252',
    info: '#2196F3',
    success: '#4CAF50',
    warning: '#FFC107'
  },
})
